.homePagePanoramicMonitoringPageLayerComponentTimeAxisComponent {
    @shadow_width: 44px;
    width: calc(100% + @shadow_width * 2);
    padding: 45px @shadow_width + 30px 0;
    position: absolute;
    right: -@shadow_width;
    bottom: 0;
    left: -@shadow_width;
    background-size: cover;
    pointer-events: fill;

    .homePagePanoramicMonitoringPageLayerComponentTimeAxisComponent-header {
        width: 100%;
        height: 52px;
        padding-top: 15px;
        display: flex;
        justify-content: space-between;

        .homePagePanoramicMonitoringPageLayerComponentTimeAxisComponent-header__left {
            margin-top: 2px;
            display: flex;
            gap: 9px;
            font-size: 14px;
            font-weight: 400;
            color: rgba(0, 0, 0, 0.65);
        }
    }

    .homePagePanoramicMonitoringPageLayerComponentTimeAxisComponent-main {
        width: 100%;
        height: 50px;
        display: flex;
        gap: 30px;


        :global {

            // 主按钮
            .ant-btn-primary {
                width: 80px;
                height: 40px;
                border-radius: 2px;
                background: #E6F7FF;
                border: 1px solid #91D5FF;
                font-size: 14px;
                font-weight: 400;
                color: #1890FF;
            }

            // 主按钮悬浮
            .ant-btn-primary:not(:disabled):not(.ant-btn-disabled):hover {
                background-color: rgba(230, 247, 255, 0.7);
                color: #1890FF;
            }
        }
    }
}